<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script type="text/javascript" src="../js/vue.js"></script>
  </head>
  <body>
    <!-- 
    常用的生命周期的钩子：
        1. mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
        2. beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】
    关于销毁Vue实例：
        1. 销毁后借助Vue开发者工具看不到任何信息
        2. 销毁后自定义事件会失效，但原生DOM事件依然有效
        3. 一般不会在beforeDestroy操作数据，因为即便操作了数据，也不会触发更新流程了
     -->

    <div id="root"></div>
    <script type="text/javascript">
      Vue.config.productionTip = false;
      const vm = new Vue({
        data: {},
      });
      vm.$mount("#root");
    </script>
  </body>
</html>
